<div id="manageUserAccountsTabContentContainer"
     style="float: left;margin: 5px;border: 1px solid #CCCCCC;background-color: #F0F7FF;">
    <div id="editUserAccountMenuContainer"
         class="internalBox"
         style="width: 200px;">
        <div class="internalBoxHeader">Options</div>
        <div class="internalBoxBody">
            <div style="padding: 5px;">
                <a href="javascript:showAllUsers();">Show All Users</a>
            </div>
        </div>
    </div>
    <div id="editUserAccountResultsContainer"
         class="internalBox"
         style="width: 300px;">
        <div class="internalBoxHeader">Registered User Accounts</div>
        <div class="internalBoxBody">
            <p style="text-align: center;margin: 20px 20px 20px 20px;">
                No valid action has been selected
            </p>
            <div></div>
        </div>
    </div>
    <div id="editUserAccountFormContainer"
         class="internalBox"
         style="width: 375px;">
        <div class="internalBoxHeader">Update User Account Information</div>
        <div class="internalBoxBody">
            <p style="text-align: center;margin: 20px 20px 20px 20px;">
                No valid action has been selected
            </p>
            <div class="userRowContainer"
                 style="text-align: right;padding-left: 20px;display: none;">
                <button type="button"
                        id="deleteUserAccount"
                        onclick="deleteUserAccount()">
                    Delete User Account
                </button>
            </div>
            <div style="margin: 0px 20px 20px 20px;display: none;">
                <form  method="post"
                       name="editUserAccountForm"
                       id="editUserAccountForm">
                    <input type="hidden"
                           id="editUserId"
                           value="" />
                    <div id="editUserAccountFormStatusMessage"
                         style="margin-top: 10px;">
                        Please complete the following required
                        ( <span class="requiredFieldIndicator">*</span> ) information:
                    </div>
                    <div id="editUsernameLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Username:
                    </div>
                    <div>
                        <input type="text"
                               name="editUsername"
                               id="editUsername"
                               value="" />
                    </div>
                    <div id="editEmailLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Email (e.g. user@server.com):
                    </div>
                    <div>
                        <input type="text"
                               name="editEmail"
                               id="editEmail"
                               value="" />
                    </div>
                    <div id="editPasswordLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> Password:
                    </div>
                    <div>
                        <input type="text"
                               name="editPassword"
                               id="editPassword"
                               value="" />
                    </div>
                    <div id="editUserTypeLabel"
                         class="inputLabel">
                        <span class="requiredFieldIndicator">*</span> User Type:
                    </div>
                    <div>
                        <select id="editUserType"
                                style="width: 150px;">
                            <option value="0"></option>
                            <option value="2">Owner</option>
                            <option value="3">User</option>
                        </select>
                    </div>
                    <div class="buttons"
                         style="margin-top: 10px;">
                        <button type="button"
                                name="submitEditUserAccountFormButton"
                                id="submitEditUserAccountFormButton"
                                onclick="submitEditUserAccountForm()">
                            Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
